<!--
 * @Description:: 请补充填写
 * @Version: 请配置版本号
 * @Author: xiaobai
 * @Date: 2020-08-30 07:59:10
 * @LastEditors: smallWhite
 * @LastEditTime: 2024-03-20 18:09:54
 * @FilePath: /huizhou_website_admin/src/views/project_menagement/index.vue
-->
<template>
  <div class="app-container"
    style="background:#f5f5f5;min-height:calc(100vh - 50px)">
    <transition
      name="fade-transverse"
      mode="out-in">
      <keep-alive>
        <component :is="view"
          v-bind="props"
          @go="linkname" />
      </keep-alive>
    </transition>
  </div>
</template>
<script>
import ActiveList from './components/list'
export default {
  name: 'Home',
  components: {
    ActiveList
  },
  data() {
    return {
      view: 'ActiveList',
      props: {
        pid: '',
        id: '',
        curriculumName: ''
      }
    }
  },
  methods: {
    linkname(e) {
      this.view = e.view
      this.props.info = e.value
    }
  }
}
</script>
<style lang="less" scoped>
.fade-transverse-enter-active,
.fade-transverse-leave-active {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.fade-transverse-enter {
  -webkit-transform: translateX(-30px);
  opacity: 0;
  transform: translateX(-30px);
}
.fade-transverse-enter-to {
  -webkit-transform: translateX(0);
  opacity: 1;
  transform: translateX(0);
}
.fade-transverse-leave-to {
  -webkit-transform: translateX(30px);
  opacity: 0;
  transform: translateX(30px);
}
</style>
